<!-- props对象用法 -->
<!-- 子组件 ChildCom. vue: -->
<template>
    <div>
        <p>姓名 : {{ name }}</p>
        <p>年龄:{{ age }} </p>
        <p>性别:{{ gender }}</p>
        <p>爱好:{{ hobby }} </p>
    </div>
</template>
<script>
export default {
    props: {
        name: {
            type: String,//数据类型检查
            required: true,//必需属性
        },
        age: {
            type: [String,Number],//接收多个可能的数据类型
        },

        gender: {
            type: String,
            default: "男",//带默认值的字符串
        },

        hobby: {
            type: Array,
            //数组或对象的默认值必须从一个工厂函数获取
            default() {
                return ["阅读", "旅游"];
            }
        }

    }
};
</script>
<style></style>
